<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h2 {
            color: green;
        }
        /* CSS外部文件采用导入式 CSS2.1的语法*/
        @import url("resource/css/style.css");
    </style>
    <!-- link标签链接CSS样式 CSS3.0语法，推荐使用这种方式-->
    <link rel="stylesheet" href="resource/css/style.css">
    <style>
        h3 {
            color: green;
        }
    </style>
</head>
<body>
<h1 style="color: red">我是标题一，采用行内样式，因为我的优先级最高</h1>
<h2>我是标题二，因为外部样式离我近，所以我显示为蓝色</h2>
<h3>我是标题三，因为内部样式离我近，所有我显示为绿色</h3>
</body>
</html>